﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/css/960.css")" rel="stylesheet" type="text/css" media="all" />
<link href="@Url.Content("~/Content/css/reset.css")" rel="stylesheet" type="text/css" media="all" />
<link href="@Url.Content("~/Content/css/blue.css")" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
    <div class="container_16" id="wrapper">	
	    <div class="grid_8" id="logo">
            <a href="javascript://" target="_blank" style="color: #FFFFFF">EOffice - Website ATC</a>
        </div>
        <div class="grid_8">     
            <div id="user_tools"><span><a href="javascript://" class="mail">(1)</a> Welcome <a href="javascript://">vietpa@gmail.com</a>  |  <a href="javascript://">Logout</a></span></div>
        </div>
        <div class="grid_16" id="header">   
            <div id="menu">
	            <ul class="group" id="menu_group_main">
		            <li class="item first" id="one"><a href="javascript://" class="main current"><span class="outer"><span class="inner dashboard">Tài liệu</span></span></a></li>
                    <li class="item middle" id="two"><a href="javascript://" class="main"><span class="outer"><span class="inner content">Content</span></span></a></li>
                    <li class="item middle" id="three"><a href="javascript://" class="main"><span class="outer"><span class="inner reports">Reports</span></span></a></li>
                    <li class="item middle" id="four"><a href="javascript://" class="main"><span class="outer"><span class="inner users">Users</span></span></a></li>
		            <li class="item middle" id="five"><a href="javascript://" class="main"><span class="outer"><span class="inner media_library">Media Library</span></span></a></li>        
		            <li class="item middle" id="six"><a href="javascript://" class="main"><span class="outer"><span class="inner event_manager">Event Manager</span></span></a></li>        
		            <li class="item middle" id="seven"><a href="javascript://" class="main"><span class="outer"><span class="inner newsletter">Newsletter</span></span></a></li>        
		            <li class="item last" id="eight"><a href="javascript://" class="main"><span class="outer"><span class="inner settings">Profile</span></span></a></li>        
                </ul>
            </div>
        </div><!--End header-->
        <div class="grid_16">
            <div id="tabs">
                <div class="container">
                    <ul>
                        <li><a href="javascript://"><span>Dashboard elements</span></a></li>
                        <li><a href="javascript://" class="current"><span>Content Editing</span></a></li>
                        <li><a href="javascript://"><span>Submenu Link 3</span></a></li>
                        <li><a href="javascript://"><span>Submenu Link 4</span></a></li>
                        <li><a href="javascript://"><span>Submenu Link 5</span></a></li>
                        <li><a href="javascript://"><span>Submenu Link 6</span></a></li>
                        <li><a href="javascript://" class="more"><span>More Submenus</span></a></li>            
                    </ul>
                </div>
            </div>   
        </div> 
        <div class="grid_16" id="content">
            <div class="grid_9">
                <h1 class="content_edit">
                    @RenderSection("Title", required:false)
                </h1>
            </div>
        </div>
        <div class="clear"> </div>
    @RenderBody()
    </div>
    <div class="container_16" id="footer">
	    &copy; copyright 2012 - ATC company
    </div><!--End footer-->
</body>
</html>
